page{
	background-color: #f3f3f3 !important;
}
.slot-wrap {
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	/* 如果您想让slot内容占满整个导航栏的宽度 */
	flex: 1;
	/* 如果您想让slot内容与导航栏左右有空隙 */
	padding: 0 30rpx;
	margin-top:20rpx ;
}
.slot-wrap .title{
	padding: 20rpx 0;
	width: 690rpx;
	
	/* #ifdef MP-WEIXIN */
	padding-right: 170rpx;
	/* #endif */
}
.title .tit{
	font-weight: bold;
	font-size: 36rpx;
	height: 70rpx;
	line-height: 70rpx;
	margin-top: 30rpx;
}
	
.tit .imgsed{
	height: 100%;
	width: 110rpx;
}
  .tit .imgsed .img{
height: 100%;
	width: 120rpx;	
}
.title .text{
	color: #88a6a4;
	font-size: 20rpx;
	margin-top: 10rpx;
}
.title .text .line{
	margin: 8rpx 20rpx;
	border-left: 1rpx solid #88a6a4;
	width: 1rpx;
	height: 20rpx;
}
.title .all{
	font-weight: bold;
	font-size: 30rpx;
}

.saixuan{
	padding-top: 10rpx;
}
.saixuan .mybi{
	color: #698286;
}
.saixuan .mybi text{
	margin-left: 20rpx;
	font-weight: bold;
	font-size: 34rpx;
	color: #000;
}
.saixuan .nav{
	width: 690rpx;
	margin-top: 10rpx;
}
.banner{
	padding: 20rpx;
	box-sizing: border-box;
}
.dipic{
	width: 710rpx;
	padding: 20rpx;
}
	
.pepolists{
	width: 100%;
	/* height: 150rpx; */
	padding:0 20rpx;
}
	.imgs{
		width: 100%;
		height: 110rpx;
		
		text-align: center;
	}
	.img{
		width: 100%;
		height:150rpx ;
	}
	
	/* 列表 */
		
	.listbgphtos{
		width: 100%;
		padding:8rpx 20rpx;
		
	}
	.list-item{
		margin-top: 15rpx;
		height: 306rpx;
		background-image: url(../../static/image/index1.png);background-size: 100% 100%
	}
	.list-common{
		height: 312rpx;
		margin-top: 20rpx;
		background-color: #ffffff;
		border-radius: 20rpx;
	}
	.list-new{
		color: white;
		padding: 9rpx 0 0 78rpx;
		position: absolute;
		font-size: 35rpx
	}
	.list-img{
		height: 72rpx;width: 142rpx;position: absolute;right: 20rpx;padding-top: 15rpx;
	}
	.wd{
		width: 100%;height: 100%;
	}
	.wd-item{
		width: 40%;
	}
	.wd-item image{
		width: 200rpx;
		height: 200rpx;
		margin-top: 25rpx;
	}
	.wd-item1{
		width: 60%;flex-direction: column;justify-content: space-between;
	}
	.new-t1{
		font-size: 40rpx;padding-top: 22rpx;
	}
	.new-t2{
		font-size: 23rpx;
		color: red;
	}
	.new-t3{
		height: 78rpx;width:353rpx;
		background-image: url(../../static/image/index4.png);background-size: 100% 100%
	}
	.new-t3 .list-t{
		flex:1
	}
	.new-t3 .list-t text{
		color: white;
		font-size: 42rpx;
	}
	.list-num{
		width: 60%;
	}
	.list-num text:nth-child(1){
		color: red;
	}
	.list-num text:nth-child(2){
		text-decoration: line-through;
	}
	.new-t4{
		width: 80%;
		justify-content: space-between;
	}
	.new-t4 image{
		width: 64rpx;
		height: 85rpx;
		width: 18%;
	}
	.phots{
		width: 100%;
		height: 353rpx;
		margin-bottom: 16px;
		border-radius:14rpx;
	}
		
	.imgss{
		width: 100%;
		height: 246rpx;
		border-radius:14rpx;
	}
	
	.item1{
		padding-left: 20rpx;
		width: 100%;
		margin-top: 60rpx;
	}
	.flex{
		display: flex;
	}
	.flex-jcenter{
		justify-content: center
	}
	.flex-acenter{
		align-items: center;
	}
	.item-a{
		display: flex;align-items:center;
	}
	.item-a img{
		width: 35rpx;height: 35rpx;
	}
	.item-a view:first-child{
		margin-left: 4rpx;
		font-size: 44rpx;
		margin-right: 20rpx;
	}
	.tong {
		position: fixed;
		left: 0;
		top: 250rpx;
		z-index:999;
		width: 750rpx;
		background-size: 100% 100% !important;
		height: 80rpx;
		background-repeat: no-repeat !important;
		/* #ifdef H5 */
		top: 150rpx;
		/* #endif */
	}
	
	.tong .text {
		/* width: 550rpx; */
		padding: 0 30rpx;
		padding-right: 120rpx;
		box-sizing: border-box;
	}
	
	.tong image {
		position: absolute;
		width: 100rpx;
		right: 50rpx;
		top: -40rpx;
	}
	.mid{
		width: 100%;display: flex;align-items: center;flex-direction: column;
	}
	.mid view{
		width: 90%;display: flex;justify-content: space-between;margin-top: 20rpx;
	}
	.mid-item{
		/* width: 20%;display: flex;flex-direction: column;justify-content: space-around;align-items: center; */
		font-size: 25rpx;
		line-height: 1.5;
	}
	button[plain] {
			border: 0
		}
	.mid-item img,image{
		width: 111rpx;height: 111rpx;
	}
	.text-mid view{
		display: flex;
		justify-content: center;
		padding-bottom: 10rpx;
	}
	.com-t1{
		font-size: 40rpx;
		padding: 14rpx 0 7rpx 0;
	}
	.comm-t3{
		font-size: 22rpx;
		width: 308rpx;
		height: 41rpx;
		padding: 7rpx;
		background-image: url(../../static/image/index5.png);background-size: 100% 100%
	}
	.comm-num{
		width: 53%;
		padding-left: 14%;
	}
	.comm-t{
		flex: 1;
		padding-left: 5rpx;
		color: #daa24d;
	}
	.com-text{
		border: 1px #d4c2a8 solid;
		font-size: 20rpx;
		opacity:0.7
	}
	.com-text text{
		padding: 4rpx;
		font-size: 23rpx;
	}
	.shi-item{
		margin-top: 15rpx;
		height: 306rpx;
		background-image: url(../../static/image/index6.png);background-size: 100% 100%
	}
	.shi-t1{
		color: #FFFFFF;
		display: flex;
		height: 68rpx;
	}
	.shi-t1 view{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.shi-t3{
		height: 78rpx;width: 353rpx;
		background-image: url(../../static/image/index7.png);background-size: 100% 100%
	}
	.fft{
		font-family: "myfont";
	}
	.active {
	   color: #ff5722; /* 选中时的文字颜色 */
	   border-bottom:5rpx solid #ff5722; /* 选中时的底部边框颜色 */
	}

